<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>联系我们</title>
    <meta name="keywords" content="大包科技">
    <meta name="description" content="大包科技">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link type="text/css" rel="stylesheet" href="./static/css/basic.css?v=1.0">
    <script type="text/javascript" src="./static/js/jquery-1.12.4.min.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=PhEq85uGC0Qf7RrhGMlMeeZ5eirCGNfw"></script>
    <script type="text/javascript" src="./static/js/common.js"></script>
    <style>
        #map {
            width: 830px;
            height: 353px;
        }
    </style>
</head>
<body>
    <div class="bodyWrap">
        <div class='header'>
            <div class="header-content display_flex space_between align_center">
                <a class="logo-wrapper" href="./index.html">
                    <img class="logo" src="./static/images/logo.png" alt="logo">
                </a>
                <div class="header-nav display_flex space_between">
                    <a href="index.html">首&nbsp;&nbsp;页</a>
                    <a href="production.html">产品与服务</a>
                    <a href="solution.html">解决方案</a>
                    <a href="dynamicInfo.html" class="dynamicInfo">资讯动态</a>
                    <a href="aboutUs.html" class="aboutUs">关于大包</a>
                    <a href="contactUs.html" class="active">联系我们</a>
                </div>
                <div class="nav-list" id="aboutUs">
                    <a href="aboutUs.html?index=0">公司简介</a>
                    <a href="aboutUs.html?index=1">公司愿景</a>
                    <a href="aboutUs.html?index=2">招贤纳士</a>
                    <a href="aboutUs.html?index=3">JOB意义</a>
                </div>
                <div class="nav-list" id="dynamicInfo">
                    <a href="dynamicInfo.html?index=0">行业动态</a>
                    <a href="dynamicInfo.html?index=1">政策法规</a>
                </div>
            </div>
        </div>
        <div id="content">
            <a href="#" class="banner-wrapper">
                <img src="./static/images/banner_contact_01.png" alt="banner">
            </a>
            <div class="bgc_fff">
                <div class="container display_flex space_between">
                    <ul class="contact-wrapper">
                        <li>
                            <span>联系电话</span>
                            <p>0592-5168015</p>
                        </li>
                        <li>
                            <span>企业邮箱</span>
                            <p>zhangliang@qinsung.com</p>
                        </li>
                        <li>
                            <span>公司地址</span>
                            <p>福建省厦门市思明区软件园二期观日路34号之一301G</p>
                        </li>
                    </ul>
                    <div id="map"></div>
                </div>
            </div>
        </div>
        <div id="footer">
            <iframe class="display_block" id="footerBox" MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0
                    SCROLLING=no src='./foot.htm' width="100%"></iframe>
        </div>
    </div>
    <script type="text/javascript">
        // 百度地图API功能
        var map = new BMap.Map("map");
        var point = new BMap.Point(118.190995,24.491686);
        map.centerAndZoom(point,18);

        //创建小狐狸
        var myIcon = new BMap.Icon("./static/images/location.png", new BMap.Size(34,48));
        var marker2 = new BMap.Marker(point,{icon:myIcon});  // 创建标注
        map.addOverlay(marker2);              // 将标注添加到地图中

        // 创建地址解析器实例
        // var myGeo = new BMap.Geocoder();
        // // 将地址解析结果显示在地图上,并调整地图视野
        // myGeo.getPoint("厦门市观日路34号之一", function(point){
        //     console.log(point)
        //     if (point) {
        //         map.centerAndZoom(point, 16);
        //         map.addOverlay(new BMap.Marker(point));
        //     }else{
        //         alert("您选择地址没有解析到结果!");
        //     }
        // }, "北京市");
    </script>
</body>
</html>